<template>
  <div>
    <div class="textScroll">
        <router-view></router-view>
    </div>
    <div class="tabBar">
      <van-tabbar v-model="active">
        <van-tabbar-item icon="wap-home-o"><router-link to="/movieinfo">首页</router-link></van-tabbar-item>
        <van-tabbar-item icon="apps-o"><router-link to="/category">分类</router-link></van-tabbar-item>
        <van-tabbar-item icon="contact"><router-link to="/user">我的</router-link></van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            active: 2,
        }
    },
};
</script>

<style>
 .textScroll {
    display: inline-block;
    position: fixed;
    top:0;
    bottom: 0;
    overflow: scroll;
    right: 0;
    width: 100%;
    margin-bottom: 50px;
    z-index: 1;
    background-color:rgb(241,243,244);
  }
</style>